<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" >
  <title>商家列表</title>
  <link rel="stylesheet" href="node_modules/normalize.css/normalize.css">
  <link rel="stylesheet" href="node_modules/fontawesome-free-6.5.1-web/css/all.css">
  <link rel="stylesheet" href="css/global.css">
  <link rel="stylesheet" href="css/business.css">
  <script src="js/businessList.js"></script>
</head>
<body>
<div class="wrapper">
  <div class="header">
    <div>商家列表</div>
  </div>

  <div class="business">
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj01.png">
        <div class="businessQty">3</div>
      </div>
      <div class="businessInfo" >
        <h3 onclick="toBusiness()">万家饺子（软件园E18店）</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>各种饺子、炒菜</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj02.png">
        <div class="businessQty">2</div>
      </div>
      <div class="businessInfo">
        <h3>小锅饭豆腐馆（全运店）</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>特色美食</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj03.png">
        <div class="businessQty">1</div>
      </div>
      <div class="businessInfo">
        <h3>麦当劳（全运店）</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>汉堡薯条</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj04.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>米村拌饭（浑南店）</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>各种炒菜拌饭</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj05.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>申记串道（中海康城店）</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>各种饺子、炒菜</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj06.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>半亩良田排骨米饭</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>排骨米饭套餐</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj07.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>茶兮奶茶店</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>奶茶饮品</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj08.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>唯一水果捞</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>新鲜水果</p>
      </div>
    </div>
    <div class="businessItem">
      <div class="businessImg">
        <img src="./img/sj09.png">
<!--        <div class="businessQty">3</div>-->
      </div>
      <div class="businessInfo">
        <h3>满园春饼</h3>
        <p>&#165;15起送&nbsp;&nbsp;|&nbsp;&nbsp;&#165;3配送</p>
        <p>特色春饼小吃</p>
      </div>
    </div>
  </div>

  <div style="margin-bottom: 8vw">&nbsp;</div>
  <div>&nbsp;</div>

  <div class="footer">
    <div onclick="returnIndex()">
      <i class="fa fa-home"></i>
      <p>首页</p>
    </div>
    <div>
      <i class="fa fa-compass"></i>
      <p>发现</p>
    </div>
    <div onclick="toOrder()">
      <i class="fa fa-file-text"></i>
      <p>订单</p>
    </div>
    <div>
      <i class="fa fa-user"></i>
      <p>我的</p>
    </div>
  </div>
</div>
</body>
</html>